html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{font-family: "Helvetica", "Xin Gothic", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", SimSun, sans-serif;line-height: 1;}

//index.html.

//header start
.top{background: #fff;width: 100%;height: 94px;
    ul{list-style: none;padding: 20px 0;
        .comp-name{font-size: 26px;color: #009FCD;padding-top: 9px;}
        .operation{padding-top: 19px;
           .logout{padding-left: 6px;color: #009FCD;}
        }
         }
        .logo a{display: block;width:120px;
              img{display: block;width: 100%;}
        }
}
//header end

// sidebar start
.sidebar{ height: 100%;background: #009fcd;padding: 0;
        ul{text-align: center;
        .active{background: #018dae;color: #fff;display: block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;} 
            li{
                
                a{ color: #fff;text-decoration: none;padding:15px 0;display: block;outline: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s  ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
                
                a:focus,a:active,a:hover{
                    background: #018dae;color: #fff;display: block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
                    -ms-transition: all 0.3s ease;transition: all 0.3s ease;
                }
            }
        }
}
//sidebar end

//index.html&&msgList.html  start
#msg,#msgList{background: #eee;
    #addinfo{margin:30px 0  30px 15px;padding: 10px 20px;}
     .tab{margin-top:30px ;}
 
    .tags{padding: 30px 0;
          ul{
              
             li{list-style: none;float: left;margin: 10px 10px; padding:6px;
             a{color:#1CAADC;text-decoration: underline;} 
            } 
          }
         #alertbox{font-size: 24px;margin-top: 10px;} 
    }
    
    #popbox{text-align: center;margin-top:50px ;
            h3{margin: 20px 0;} 
            input{padding: 10px;}
            #one{margin: 40px 0;padding: 10px 60px;}
            .input-append{
                a{background: #58c9f3;border-radius: 4px;}
            }
            .addImg{margin: 20px 0;}
            #preview{padding:10px;border:1px solid #000;width: 120px;margin: 20px 100px;}
            #imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);text-align: center;}
           #addli{margin: 40px 0;}   
    }
}

#infoTable{
        thead{
            tr{
                th{overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;text-align: center;}
            }
        }
        
        tbody{
            tr{
                td{overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;max-width: 100px;text-align: center;vertical-align: middle;
                    img{width: 100px;}
                    button{padding: 4px 6px;margin-left:10px; line-height: 1.42857143;font-size: 14px;background-image: none;border: 1px solid transparent;border-radius: 4px;}
                }
            }
        } 
    }


 
 .tab{margin-top:50px ;}
 
//index.html&&msgList.html end

//addMsg.html start

#addmsg,#addActivity{background: #eee;
    
    form{margin-left:10px ;
        label{margin-left: 30px;}
        h1{margin: 30px;font-size: 20px;font-weight: bold;color: #737373;}
        .form-group{
            .input-append{
                a{background: #58c9f3;border-radius: 4px;margin-left: 15px;}
                #photoCover{
                   display: inline;
                   width: 300px;
                }
            }
            .addImg{margin: 10px 0;}
            #preview{padding:10px;border:1px solid #000;width: 120px;margin: 20px 100px;}
            #imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);text-align: center;}
        }
        
    }
    
    
}
//addMsg.html end

//msgList.html start
#msgList{
    #addinfo{font-size:20px;font-weight: bold;color: #737373;}
    #editChange{display: none;
              padding: 34px 0;
             li{list-style: none;float: left;padding: 6px;
             a{color: #333;text-decoration: none;} 
            } 
          }
    .edit{
          ul{
              padding: 34px 0;
             li{list-style: none;float: left;padding: 6px;
             a{color: #333;text-decoration: none;} 
            } 
          }
          #editChange{display: none;}
         #alertbox{font-size: 24px;margin-top: 10px;} 
    }
}
//msgList.html end

//login.html start
.loginLogo{width: 120px;display: block;margin:20px 0 0 80px;}
#login{background: #eee;border-radius: 6px;padding: 20px 40px;text-align: center;
    legend{color:#01aed9;font-size: 20px;line-height: 30px;padding: 20px 0;}
    button{background:#01aed9;color: #fff;}
}

.copyright{color: #fff;text-align: center;margin-top: 200px;
           a{color: #fff;}
}
//login.html end




//datables start
.dataTables_wrapper .dataTables_filte{float:none;}
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;float: none;padding-right: 50px;
}
.dataTables_wrapper .dataTables_length {padding-left: 200px;}

//datables end


